let isYincangtiaoVisible = false;
document.getElementById('anli-center').addEventListener('mouseover', function() {
    isYincangtiaoVisible = true;
    document.getElementById('yincangtiao').style.opacity = 1;
    document.getElementById('tu1').style.cursor = 'pointer';
    document.getElementById('tu2').style.cursor = 'pointer';
});
document.getElementById('anli-center').addEventListener('mouseout', function() {
    // 稍微延迟判断，以处理快速移动鼠标的情况
    setTimeout(() => {
        if (!document.getElementById('yincangtiao').matches(':hover')) {
            isYincangtiaoVisible = false;
            document.getElementById('yincangtiao').style.opacity = 0;
        }
    }, 50); // 50毫秒的延迟，可以根据需要调整
});
document.getElementById('yincangtiao').addEventListener('mouseout', function() {
    // 稍微延迟判断，以处理快速移动鼠标的情况
    setTimeout(() => {
        if (!document.getElementById('anli-center').matches(':hover') && !document.getElementById('yincangtiao').matches(':hover')) {
            isYincangtiaoVisible = false;
            document.getElementById('yincangtiao').style.opacity = 0;
        }
        if (!document.getElementById('anli-center').matches(':hover') && !document.getElementById('yincangtiao').matches(':hover')) {
            document.getElementById('tu1').style.cursor = 'default';
            document.getElementById('tu2').style.cursor = 'default';
            isYincangtiaoVisible = false;
        }
    }, 50); // 50毫秒的延迟，可以根据需要调整
});

// 注意：这里我们没有为'anli-center'添加mouseout事件监听器来隐藏yincangtiao，
// 因为我们已经在yincangtiao的mouseout事件处理中检查了'anli-center'的悬停状态。
// 同时，我们使用了matches(':hover')来检查元素是否处于悬停状态，这是CSS选择器API的一部分


//-------------------------------------------------------------------------------------------------


document.addEventListener('DOMContentLoaded', function() {
    const adContainer = document.querySelector('.ad-container'); // 添加容器选择器
    const ad = document.querySelector('.ad');
    const rightArrow = document.querySelector('.right');
    const leftArrow = document.querySelector('.left');

    // 鼠标进入广告容器时显示右箭头
    adContainer.addEventListener('mouseenter', function() {
        if (!ad.classList.contains('hidden')) {
            rightArrow.style.display = 'block';
        }
    });

    // 鼠标离开广告容器时隐藏右箭头
    adContainer.addEventListener('mouseleave', function() {
        if (!ad.classList.contains('hidden')) {
            rightArrow.style.display = 'none';
        }
    });

    // 点击右箭头隐藏广告
    rightArrow.addEventListener('click', function(e) {
        e.stopPropagation(); // 阻止事件冒泡
        ad.classList.add('hidden');
        rightArrow.style.display = 'none';
        leftArrow.style.display = 'block';
    });

    // 点击左箭头显示广告
    leftArrow.addEventListener('click', function(e) {
        e.stopPropagation(); // 阻止事件冒泡
        ad.classList.remove('hidden');
        leftArrow.style.display = 'none';
        rightArrow.style.display = 'block';
    });

    // 点击左箭头显示广告
    leftArrow.addEventListener('click', function() {
        ad.classList.remove('hidden');
        leftArrow.style.display = 'none';
        rightArrow.style.display = 'block';
    });
    window.addEventListener('scroll', function() {
        const header = document.querySelector('.head');
        const head2 = document.querySelector('.head2');

        if (window.scrollY > 50) {
            header.classList.add('scrolled');
            head2.classList.add('scrolled');
        } else {
            header.classList.remove('scrolled');
            head2.classList.remove('scrolled');
        }
    });
    // 添加返回顶部按钮的功能
    const backTop = document.querySelector('.back-top');

    // 监听滚动事件
    window.addEventListener('scroll', function() {
        // 当页面滚动超过300px时显示按钮
        if (window.scrollY > 300) {
            backTop.classList.add('show');
        } else {
            backTop.classList.remove('show');
        }
    });

    // 点击返回顶部
    backTop.addEventListener('click', function() {
        window.scrollTo({
            top: 0,
            behavior: 'smooth' // 平滑滚动
        });
    });

});



// SEO导航效果
document.addEventListener('DOMContentLoaded', function() {
    const seoTech = document.getElementById('seo-tech');
    const topNav = document.querySelector('.top-navigation');
    let hideTimeout; // 用于存储隐藏定时器
    let isHoveringNav = false; // 添加标志变量

    // 计算位置的函数
    function updatePosition() {
        const rect = seoTech.getBoundingClientRect();
        const headerHeight = document.querySelector('.head').offsetHeight;
        
        // 将导航菜单的顶部位置设置为SEO技术链接的底部
        topNav.style.top = (headerHeight ) + 'px'; // 确保导航在SEO技术下方
        topNav.style.left = (rect.left - 30) + 'px'; // 可以调整-30这个值来微调位置
    }

    // 监听窗口大小变化
    window.addEventListener('resize', updatePosition);
    
    // 显示导航
    seoTech.addEventListener('mouseenter', function() {
        updatePosition(); // 更新位置
        clearTimeout(hideTimeout); // 清除隐藏定时器
        topNav.style.display = 'block'; // 确保显示
    });

    // 处理鼠标离开事件
    seoTech.addEventListener('mouseleave', function(e) {
        const toElement = e.relatedTarget;
        // 检查鼠标是否移动到导航菜单上
        if (!topNav.contains(toElement)) {
            hideTimeout = setTimeout(() => {
                if (!isHoveringNav) {
                    topNav.style.display = 'none'; // 确保隐藏
                }
            }, 500); // 1秒的延迟
        }
    });

    // 处理导航菜单的鼠标事件
    topNav.addEventListener('mouseenter', function() {
        isHoveringNav = true; // 设置标志为true
        clearTimeout(hideTimeout); // 清除隐藏定时器
        topNav.style.display = 'block'; // 确保显示
    });

    topNav.addEventListener('mouseleave', function() {
        isHoveringNav = false; // 设置标志为false
        hideTimeout = setTimeout(() => {
            topNav.style.display = 'none'; // 确保隐藏
        }, 0); // 1秒的延迟
    });

    // 处理导航项的点击事件
    const navItems = topNav.querySelectorAll('.nav-txt');
    navItems.forEach(item => {
        item.addEventListener('click', function() {
            // 在这里添加点击后的处理逻辑，例如导航到相应的页面
            console.log('Clicked on:', this.textContent);
        });
    });

    // 初始化位置
    updatePosition();
});